サンプル・14
★ サンプル・14 ★
行ごとに背景色を設定したテーブル
1行目は黄色、2行目はオレンジ、3行目は赤を設定
(ソース)
<TABLE border="2">
<TR bgcolor="#ffff00">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
上のソースで、border属性の値を「0」にし、cellspacing属性
で枠線の幅を広くすると、次のようなテーブルになるよ。
(ソース)
<TABLE border="0" cellspacing="10">
<TR bgcolor="#ffff00">
<TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR bgcolor="#ff9900">
<TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR bgcolor="#ff0000">
<TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |